<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/meta" /}

    <style type="text/css">
        body {
            background-color: #ffffff;
        }
        .login-panel{margin-top:150px;}
        .login-screen {
            max-width:800px;
            padding:0;
            margin:0 auto 0 auto;

        }
        .login-screen .well {
            border-radius: 3px;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background: rgba(255,255,255, 0.8);
        }
        .login-screen .copyright {
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
        }
        @media(max-width:767px) {
            .login-screen {
                padding:0 20px;
            }
        }
        .profile-img-card {
            width: 100px;
            height: 100px;
            margin: 10px auto;
            display: block;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
        .profile-name-card {
            text-align: center;
        }

        #login-form {
            margin-top:20px;
        }
        #login-form .input-group {
            margin-bottom:15px;
        }

    </style>
</head>
<body class="login-box-bg">
<div class="header" style="border-bottom:3px solid #18bc9c;">
    <img src="__CDN__/assets/img/xianyu-logo.png">
</div>
<div class="leftkh" style="text-align: right;">
    <img src="__CDN__/assets/img/leftKH.png">
</div>
<div class="container">
    <div>
        <ul class="progress-regist">
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepL.png">
                        <span>1</span>
                    </div>
                    <p style="color: #00AAEF;">创建账户</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bg0ef"></div>
            </li>
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepL.png">
                        <span>2</span>
                    </div>
                    <p style="color: #00AAEF;">选择政务模块</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bgccc"></div>
            </li>
            <li class="progress11">
                <div class="hexagon-box">
                    <div class="hexagon">
                        <img src="__CDN__/assets/img/stepL.png">
                        <span>3</span>
                    </div>
                    <p style="color: #00AAEF;">政务认证</p>
                </div>
            </li>
            <li class="progress11">
                <div class="progress-line line-bgccc"></div>
            </li>
            <li class="progress11 ">
                <div class="hexagon-box">
                    <div class="hexagon" style="">
                        <img src="__CDN__/assets/img/stepG.png">
                        <span>4</span>
                    </div>
                    <p>注册成功</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="login-wrapper">
        <div class="login-screen">
            <div class="well">
                <form action="" method="post" id="login-form2">
                    <ul class="progres-box">
                        <li class="progress3">
                            <ul>
                                <li>
                                    <div class="fenlan-box">
                                        <ul style="text-align: center; white-space: nowrap;">
                                            <li style="display: inline-block;margin-right: -2px;" class="fenlan " data_id="城市">城市一网</li>
                                            <li style="display: inline-block;margin-right: 2px;" class="fenlan " data_id="shebao">人社局</li><li style="display: inline-block;margin-right: 2px;" class="fenlan class1" data_id="gongjijin">公积金管理局</li><li style="display: inline-block;margin-right: 2px;" class="fenlan " data_id="zilaishui">水电局</li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="renzheng-box1" style="margin: 20px 50px;">
                                    <ul>
                                        <li class="each">
                                            <img src="__CDN__/assets/img/00aaefStar.png">
                                            1. 企业授权书，委托书，组织机构代码证，必须盖有公司公章（盖完章的复印件无效）；
                                        </li>
                                        <li class="each">&nbsp;&nbsp; 2. 复印件和盖章必须清晰完整；</li>
                                        <li class="each">&nbsp;&nbsp; 3. 支付宝商家认证资料中，保证信息无遗漏，并确认支付宝账号填写无误；</li>
                                        <li>
                                            <dl>
                                                <dd class="style-renzheng-box">
                                                    <div class="echo-renzheng">
                                                        <img src="__CDN__/assets/img/echo.png">
                                                    </div>
                                                    <div class="renzheng-data">
                                                        <p class="style-renzheng">支付宝商家认证资料（文档）</p>
                                                        <div class="overflowH">
                                                            <a href="/reg2/download.html?file=/data/sqs/alipay_renzhen.xlsx&amp;name=支付宝商家认证资料.xlsx">下载模板</a>
												<span class="upload1">
													上 传
													<input required="" onchange="selectFile(this)" class="fileInp" name="file" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span class="upload-word"></span>
                                                </dd>

                                                <dd class="style-renzheng-box">
                                                    <div class="echo-renzheng">
                                                        <img src="__CDN__/assets/img/echo.png">
                                                    </div>
                                                    <div class="renzheng-data">
                                                        <p class="style-renzheng">单位授权书（扫描件、照片）</p>
                                                        <div class="overflowH">
                                                            <a href="/reg2/download.html?file=/data/sqs/shouquanshu.docx&amp;name=授权书.docx">下载模板</a>
												<span class="upload1">
													上 传
													<input required="" onchange="selectPic(this)" class="fileInp" name="file1" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span class="upload-word"></span>
                                                </dd>

                                                <dd class="style-renzheng-box">
                                                    <div class="echo-renzheng">
                                                        <img src="__CDN__/assets/img/echo.png">
                                                    </div>
                                                    <div class="renzheng-data">
                                                        <p class="style-renzheng">组织机构代码证（扫描件、照片）</p>
                                                        <div class="overflowH">
                                                            <a src="/data/sqs/zuzhijigoudaimazhen.jpg" class="material-fw" data-toggle="modal" data-target="#apiCp" href="javascript:;">查看示例</a>
												<span class="upload1">
													上 传
													<input required="" onchange="selectPic(this)" class="fileInp" name="file2" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span class="upload-word"></span>
                                                </dd>
                                            </dl>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li class="each">
                                            <img src="__CDN__/assets/img/00aaefStar.png">
                                            1. 请在身份证相关资料上，注明：此身份证仅限用于开通支付宝服务窗的申请及使用；							</li>
                                        <li class="each">&nbsp;&nbsp; 2. 以下三种认证方式可任选一种身份认证；</li>
                                        <li class="each">&nbsp;&nbsp; 3. 图片上传格式为：jpg/png，大小控制在10M以内，图片像素清晰，画面清楚；</li>
                                        <li>
                                            <dl>
                                                <dd class="style-renzheng-box">
                                                    <div class="echo-renzheng">
                                                        <img src="__CDN__/assets/img/echo.png">
                                                    </div>
                                                    <div class="renzheng-data">
                                                        <div style="font-size: 14px; white-space: nowrap; line-height: 48px;">
                                                            <label><input type="radio" name="cert_type" value="1" checked="checked"><span class="qiye-mar">企业法人</span></label>
                                                            <label><input type="radio" name="cert_type" value="2"><span class="qiye-mar">委托人</span></label>
                                                            <label><input type="radio" name="cert_type" value="3"><span class="qiye-mar">项目负责人</span></label>
                                                            <label><input type="radio" name="cert_type" value="4"><span class="qiye-mar">其他</span></label>
                                                        </div>
                                                        <p style="font-size: 16px;">身份证照片（正面）</p>
                                                        <div class="overflowH">
                                                            <a src="/data/sqs/shenfenzhi_1.jpg" class="material-fw" data-toggle="modal" data-target="#apiCp" href="javascript:;">查看示例</a>
												<span class="upload1">
													上 传
													<input required="" onchange="selectPic(this)" class="fileInp" name="file3" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span class="upload-word"></span>

                                                </dd>

                                                <dd class="style-renzheng-box">
                                                    <div class="echo-renzheng">
                                                        <img src="__CDN__/assets/img/echo.png">
                                                    </div>
                                                    <div class="renzheng-data">
                                                        <p class="style-renzheng">身份证照片（背面）</p>
                                                        <div class="overflowH">
                                                            <a src="/data/sqs/shenfenzhi_2.jpg" class="material-fw" data-toggle="modal" data-target="#apiCp" href="javascript:;">查看示例</a>
												<span class="upload1">
													上 传
													<input required="" onchange="selectPic(this)" class="fileInp" name="file4" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span class="upload-word"></span>
                                                </dd>
                                            </dl>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li class="each">
                                            <img src="__CDN__/assets/img/00aaefStar.png">
                                            请如实填写以下问卷资料
                                        </li>
                                        <li class="each" style="font-size: 16px; font-weight: bold;">&nbsp;&nbsp; 本县问卷调查</li>
                                        <li>
                                            <dl>
                                                <dd class="style-renzheng-box">
                                                    <div class="renzheng-data">
                                                        <div class="overflowH">
                                                            <a href="/reg2/download.html?file=/data/sqs/diaocha.xlsx&amp;name=调查问卷.xlsx">下载模板</a>
												<span class="upload1">上 传
													<input required="" onchange="selectFile(this)" class="fileInp" name="file5" type="file">
												</span>
                                                        </div>
                                                    </div>
                                                    <span style="position: absolute;top: 5px;left: 27%;"></span>
                                                </dd>
                                            </dl>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                            <input type="hidden" id="vv" value="gongjijin" name="fwctype">

                            <div style="overflow: hidden;">
                                <input type="submit" id="btn" class="btn btn-success btn-lg btn-block" value="开通成功进入下一步">
                            </div>

                        </li>
                    </ul>



                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="apiCp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">示例图</h4>
            </div>
            <img id="qw" width="590px" height="350px" src="http://fwc.vihost.cn/reg2/enter2.html">
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="rightkh" style="position: absolute; top: 90px;right: 0;text-align: left;">
    <img src="__CDN__/assets/img/rightKH.png">
</div>
{include file="common/script" /}
</body>
</html>